<%-- 
Document   : consultarRiesgo
Created on : 13/11/2010, 03:28:17 PM
Author     : Patricia
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<% request.setAttribute("allowed", "Gestionar Riesgos");%>
<%@ include file='../Templates/security.jsp' %>

<h1 class="title">Gestión de Riesgos</h1>
<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Consultar Riesgo</h2>
        <form id="consultaRiesgoForm" action="javascript:void(0);">
            <table>
                <tbody>
                    <tr>
                        <td>Nombre:</td>
                        <td>
                            <input type="text" id="nombre" name="nombre" class="filter">
                        </td>
                    </tr>
                    <tr>
                        <td>Tipo Riesgo:</td>
                        <td>
                            <select id="tipo" name="tipo" class="filter"></select>
                        </td>
                    </tr>
                </tbody>
            </table>
            <br>
            <html:button property="" value="Consultar" styleId="consultarForm" onclick="consultarRiesgos()" styleClass="oculta"/>
            <html:button property="" value="  Mostrar Todo  " onclick="consultarRiesgosTodo()"/>
            <html:button property="" styleId="riesgos" value="  Atrás  "/>
            <html:reset property="" styleId="resetForm" value="Limpiar" styleClass="oculta"/>
            <br><div style="clear: both;">&nbsp;</div><br>
        </form>
        <div id="obs"></div><br><br>
        <%-- AQUI COMIENZA LA IMPRESION DE LA TABLA DE RESULTADOS --%>
        <div id="consultarRiesgo">
            <table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable"  >
                <thead id="head">
                    <tr>
                        <th><h5><div class='ordenar'  onclick="orden('nombre');" >Nombre </div></h5></th>
                        <th><h5><div class='ordenar'  onclick="orden('nombre_riesgo');" >Tipo </div></h5></th>
                        <th><h5><div class='ordenar'  onclick="orden('descripcion');" >Descripción </div></h5></th>
                        <th><h5> Señalización </h5></th>
                        <th><h5> Modificar </h5></th>
                    </tr>
                </thead>
                <tbody id="resultado"></tbody>
            </table>
            <div style="clear: both;">&nbsp;</div>
            <%@ include file="../Templates/paginasTabla.jsp" %>
        </div>
    </center>
</div>
<div style="clear: both;">&nbsp;</div>
<script type="text/javascript">
    $('.filter').change(consultarRiesgos);

    $(function(){
        listaTipoRiesgo();
        consultarRiesgos();
        $('#consultaRoles').hide();
    });
    
    function listaTipoRiesgo(){
        $.getJSON("listaTiposRiesgo.do",
        function(data) {
            $('#tipo').html("<option vaue=''></option>");
            $.each(data.TiposRiesgo, function(i,item){
                string = "<option value='"+item.nombre+"'>"+item.nombre+"</option>";
                $('#tipo').append(string)
            });
        });
    }
    
    function consultarRiesgos(){
        limit = $('#limit').val();
        $.ajax({
            method: "POST",
            url: "consultarRiesgoAction.do?limit="+limit+"&offset="+offset+"&order="+order+"&asc="+asc,
            data: $('#consultaRiesgoForm').serialize(),
            dataType: "json",
            success: processListaRiesgos
        });
    }
    
    function processListaRiesgos(data) {
        if(data.error){
            actionError(data.error);
            return;
        }

        $('#resultado').html("");
        $.each(data.Riesgos , function(i,item){
            if ( (i % 2) == 0) fila = $("<tr bgcolor='#fff' id='rol_"+item.id+"'>");
            else fila = $("<tr bgcolor='#ecf2f6' id='rol_"+item.id+"'>");

            fila.append($("<td>").append(item.nombre));
            fila.append($("<td>").append(item.tipo));
            fila.append($("<td>").append(item.descripcion));

            if ((item.senalizacion != null) && (item.senalizacion != "")){
                senal = item.senalizacion;
                var path = senal.substring(senal.lastIndexOf("/"), senal.length);
                senal = "<img src='ModuloConfiguracion/imagesRiesgo"+path+"' target='_blank' WIDTH='20' HEIGHT='20' BORDER=0>";
            }

            fila.append($("<td>").append(item.senal));

            mod = "<img onclick='return riesgoM(\""+
                item.nombre+"\");' src='style/images/table_edit1.png'"+
                " alt='Modificar Riesgo' width='20' height='20'>";
            fila.append($("<td>").append(mod));
            $('#resultado').append(fila);
        });

        tam = data.tam
        if(tam==0){
            $("#obs").html('<h4>No hay resultados que coincidan con los parametros dados.</h4>');
            $("#consultaRoles").hide();
        } else {
            $("#obs").html('OBSERVACIÓN: Para ordenar la tabla por un campo específico, presionar el nombre de la columna.');
            $("#currentpage").html((offset/limit)+1);
            $("#pagelimit").html(Math.ceil(tam/limit));
            $("#loading").hide();
            $("#consultaRoles").show();
        }
    }

    function consultarRiesgosTodo(){
        $('#resetForm').click();
        consultarRiesgos();
    }
</script>
